<template>
	<view class="content" >
		<view class="content-ani">
			<view class="section flexs">
				<image src="http://mh.qingfentool.vip/upload/image/20221228/1a3305ba55c5ad60b017936a739397d4.png" class="logo"></image>
				<text>大王赏</text>
				<image :src="img" @click="proviewimgCover" class="code"></image>
				<view class="" style="margin-bottom: 50rpx;">
					截图保存
				</view>
				<view class="">
					长按识别二维码添加即可
				</view>
				<view class="">
					（添加微信二维码）
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			urls: this.$configs.urls,
			img:"",
			team_id:""
		};
	},
	onShow() {
		this.getlist()
	},
	methods:{
		//预览图片
		proviewimgCover() {
			let arr = [];
			arr.push(this.img);
			uni.previewImage({
				urls: arr
			});
		},
		getlist(){
			this.$Request.get(this.$api.user.qiwei).then(res => {
				this.img = res.data
			});
		}
	}
};
</script>

<style lang="scss" scoped>
	.content{
		min-height: 100vh;
		background-repeat: no-repeat !important;
		background-size: 100% 100% !important;
		background: linear-gradient(-90deg, #1B3678, #1C3FA1);
		padding-top: 200rpx;
		.content-ani{
			width: 642rpx;
			height: 835rpx;
			background-repeat: no-repeat !important;
			background-size: 100% 100% !important;
			margin: 0 auto;
			background-color: white;
			padding: 30rpx;
			.section{
				display: flex;
				flex-direction: column;
				align-items: center;
				height: 100%;
				.logo{
					width: 126rpx;
					height: 126rpx;
					border-radius: 10%;
				}
				.code{
					width: 340rpx;
					height: 340rpx;
					border-radius: 10%;
					margin-top: 105rpx;
					margin-bottom: 100rpx;
				}
				text{
					font-size: 26rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #333333;
					margin-top: 20rpx;
				}
			}
		}
		
	}
</style>
